<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫任务首页</title>
    <style>
        header,footer{
        width:600px;height:40px;text-align:center;
        background:#222;color:#fff;margin:0 auto;
        }
        header li{
        display:inline-block;margin:5px 15px;
        }
        .container{
        width:600px;height:300px;margin:0 auto;text-align:center;
        }
        .box{
        margin:15px 10px;
        }
        a{
        color:#fff;
        }
    </style>
</head>
<body>
<header>
    <li><a href="/">首页</a></li>
    <li><a href="/getimg">爬图片</a></li>
    <li><a href="/gettext">爬文本</a></li>
    <li><a href="/hr">招聘</a></li>
</header>
<div class="container">
    <form action="/scrawl" method="post">
        <div class="box">
            <label for="">网页名称</label>
            <input type="text" name="name" >
        </div>
        <div class="box">
            <label for="">网页地址</label>
            <input type="text" name="targeturl" >
        </div>
        <div class="box">
            <input type="submit" name="submit" value="爬文本">
            <input type="reset" value="重填">
        </div>
    </form>
</div>
<footer>
    <p>本页面由ddd制作，版权所有，违者必究</p>
</footer>
</body>
</html>